<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>志愿者注册方法</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="css/index.css">

    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2e5f3597ea7427584fb8839f3de8c700";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>
<body data-spy="scroll" data-target="#navbar-nav">
    <h1>志愿者网站注册方法</h1>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3 col-ms-0 col-xs-0" id="navbar-nav">
                <nav class="fix">
                    <ul class="nav nav-pills nav-stacked first"  role="tablist">
                        <li role="presentation" class="active"><a href="#link">网站地址</a></li>
                        <li role="presentation"><a href="#flow">完成目标</a></li>
                        <li role="presentation"><a href="#personal-register">志愿者个人操作流程</a></li>
                        <li role="presentation"><a href="#team-register">志愿者团队操作流程</a></li>
                        <li role="presentation"><a href="#notice">注意事项</a></li>
                        <li role="presentation"><a href="#mission">目前需要完成的任务</a>
                            <ul class="nav">
                                <li><a href="#mission01">注册前时长</a></li>
                            </ul>

                        </li>
                        <li role="presentation"><a href="#question">常见问题</a>
                            <ul class="nav">
                                <li><a href="#question01">身份证被注册</a></li>
                                <li><a href="#question02">一直申请中……</a></li>
                            </ul>

                        </li>
                    </ul>
                </nav>


            </div>
            <div class="col-md-9" role="main">
                <div class="content" >

                    <div id="link" class="section">
                        <h1>网站地址(按钮点击前往)</h1>
                        <ul class="list-group">
                            <li class="list-group-item">
                                <a href="http://www.chinavolunteer.cn" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">首页地址</a>
                            </li>
                            <li class="list-group-item">
                                <a href="http://yn.chinavolunteer.cn/app/user/register.php" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">志愿者（个人）注册地址</a>
                            </li>
                            <li class="list-group-item">
                                <a href="http://yn.chinavolunteer.cn/app/user/register.php?type=org" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">志愿者(团体、单位)注册地址</a>
                            </li>

                            <li class="list-group-item">
                                <a href="http://yn.chinavolunteer.cn/app/user/login.php" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">账号创建成功后登陆地址</a>
                            </li>

                            <li class="list-group-item">
                                <a href="http://www.chinavolunteer.cn/cate/zyzg_syzn/" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">网站所有操作的帮助文档和视频</a>
                            </li>
                            <li class="list-group-item">
                                <a href="http://www.chinavolunteer.cn/show/1032305.html" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">网站所有操作的帮助视频</a>
                            </li>
                            <li class="list-group-item">
                                <a href="http://www.chinavolunteer.cn/show/1032164.html" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">网站操作的帮助文档(志愿者个人)</a>
                            </li>
                            <li class="list-group-item">
                                <a href="http://www.chinavolunteer.cn/show/1032163.html" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">网站操作的帮助文档(志愿者团体)</a>
                            </li>

                            <li class="list-group-item">
                                <p>对于以上帮助文档和视频，已百度云进行备份，可在百度云上下载</p>
                                <p>若已点击之前的按钮连接，可忽略该项</p>
                                <p>（若不知道怎么在百度云下载文件，请点击之前所列出的帮助文档。忽略该项）</p>
                                <p>下载地址：http://pan.baidu.com/s/1i5DVCyx</p>
                                <a href="http://pan.baidu.com/s/1i5DVCyx" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">点击前往百度云下载</a>
                            </li>

                        </ul>
                    </div>

                    <div id="flow" class="section">
                        <h1>完成目标</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">完成目标(个人)</h3>
                            </div>
                            <div class="panel-body">
                                <h2>每位领导和职工同事须注册志愿者账号（个人） </h2>
                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>账号创建成功后、账号创建成功后、账号创建成功后（重要事情说三遍）</h2>
                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>加入到已创建好的志愿者团队里面</h2>
                                <h2>其中局机关的团队账号已创建好，其它单位的团队账号未创建</h2>
                            </div>
                        </div>


                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">完成目标(创建团队账号)</h3>
                            </div>
                            <div class="panel-body">
                                <h2>单位需要注册团队账号 </h2>
                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>团队账号创建成功且<span class="ZY">审核成功</span>后、
                                    团队账号创建成功且<span class="ZY">审核成功</span>后、
                                    团队账号创建成功且<span class="ZY">审核成功</span>后(重要的事情说三遍)</h2>
                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>将单位所有同事的个人的账号全部添加进团队中</h2>
                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>在团队账号中导出团队的成员信息表并提交相关人员（或提交到邮箱ybjaawork@163.com）进行汇总（系统自带功能，请查看帮助文档）</h2>
                            </div>
                        </div>


                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <h3 class="panel-title">注意事项</h3>
                            </div>
                            <div class="panel-body ZY">
                                <h2>局机关的团队账号已注册且审核成功<br />
                                    其它单位的团队账号没有注册,请尽快安排同事进行注册</h2>

                                <h2>团队账号注册成功后，需要审核，审核成功后才能添加成员</h2>

                                <h2>团队账号的审核只有大理市民政局杨雪婷才有审核权限，她的手机号：2254409，尽快联系她开通</h2>

                                <h2>个人账号创建成功后<span class="ZY">不需要审核</span>即可添加进审核成功的团队账号中</h2>

                                <h2>个人账号可以和团队账号同时创建，但只有等团队账号审核通过后才个人账号才能添加进团队账号中</h2>

                                <h2>无论是团队账号还是个人账号，请注册后<span class="ZY">保存</span>，因为第一阶段要求是提交所有注册的账号信息，但是之后还需要各位同事登录个人账号进行操作</h2>


                            </div>
                        </div>


                    </div>


                    <div id="personal-register" class="section">
                        <h1>志愿者个人操作流程</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">(个人账号注册)</h3>
                            </div>
                            <div class="panel-body ZY">
                                <h2>打开个人注册的页面(网址) </h2>
                                <a href="http://yn.chinavolunteer.cn/app/user/register.php" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">志愿者（个人）注册地址</a>

                                <h2>带<span class="red">*</span>号的为必填项</h2>

                                <h2>需要注意的是：注册成功后下图所列出的内容<span class="ZY">和用户名无法修改</span></br>
                                    非以下图片所列出的内容注册成功后都可以修改</h2>
                                <img src="image/p-01.png">

                                <h2><span class="ZY">注意，以下请选是</span>选错了也没关系，还能修改</h2>
                                <img src="image/p-02.png">

                                <h2>注册成功后，局机关的同事请加入局机关团队中，其他同事请等团队账号审核成功后尽快加入单位所属的团队中<br >
                                    加入方法请看帮助文档，或者<br />
                                    跟着下图操作（图片所列方法仅限局机关的同事加入）</h2>

                                <h2><span class="ZY">在个人账号登陆成功的情况下</span>(若已经登陆成功，此步骤省略)</h2>


                                <a href="http://yn.chinavolunteer.cn/app/user/login.php" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">登录地址</a>

                                <h2>出现这个界面叫做登陆成功</h2>
                                <img src="image/p-03.png" style="max-width: 80%">


                                <h2>打开下面的链接</h2>
                                <a href="http://yn.chinavolunteer.cn/app/org/view.php?id=37615169" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">打开局机关团队网址</a>
                                <a href="http://yn.chinavolunteer.cn/app/org/view.php?id=37743954" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">打开医保局团队网址</a>
                                <a href="http://yn.chinavolunteer.cn/app/org/view.php?id=37716941" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">打开就业局团队网址</a>
                                <a href="http://yn.chinavolunteer.cn/app/org/view.php?id=37726801" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">打开社保局团队网址</a>



                                <h2>点击图片所圈的按钮</h2>
                                <img src="image/p-04.png" style="max-width: 80%">

                                <span class="glyphicon glyphicon-arrow-down down-icon"></span>
                                <h2>出现下图界面即为成功，<span class="ZY">个人账号请牢记</span>，后续还需要操作</h2>
                                <img src="image/p-05.png" style="max-width: 80%">


                            </div>
                        </div>
                    </div>



                    <div id="team-register" class="section">
                        <h1>志愿者团队操作流程（不是团队账号的负责人不需要看该项）</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">(团队账号注册)</h3>
                            </div>
                            <div class="panel-body ZY">
                                <h2>打开团队注册的页面(网址) </h2>
                                <a href="http://yn.chinavolunteer.cn/app/user/register.php?type=org" target="_blank"
                                   class="btn btn-primary btn-lg active" role="button">志愿者(团体、单位)注册地址</a>

                                <h2>带<span class="red">*</span>号的为必填项</h2>

                                <h2>需要注意的是：注册且审核成功后下图所列出的内容<span class="ZY">无法修改</span></br>
                                    非以下图片所列出的内容注册成功后都可以修改</h2>
                                <img src="image/t-01.png">

                                <h2>注意，以下请按要求填写<br />
                                    志愿团体名称:最后几个字必须是：志愿服务队<br />
                                    即:XXX志愿服务队<br />
                                    联络团体:大理市志愿者协会<br />
                                    联络团体选到大理市，就一个<br />
                                    <img src="image/t-02.png"><br />
                                    登记状态:未登记的社会组织或其他组织<br />
                                    主管单位名称：大理市人力资源和社会保障局<br />
                                </h2>
                                <img src="image/t-03.png" style="max-width: 80%">

                                <h2>注册成功后，尽快联系大理市民政局杨老师（2254409），请她审核通过。其他同事请等团队账号审核成功后尽快加入单位所属的团队中<br >
                                    加入方法请看帮助文档</h2>

                                <h2>团队账号创建成功后，团体设置->成员加入方式的默认项是拒绝任何人加入，<span class="ZY">请尽快修改该项为其它项</span>（自己看情况自己定，不同类型请查看帮助文档）</h2>
                                <img src="image/t-04.png">


                                <h2>人员都加入完成后，登陆团队账号：我的成员->正式成员->导出成员，将文件尽快提交给相关同事（或提交到邮箱ybjaawork@163.com）</h2>
                                <img src="image/t-05.png">


                            </div>
                        </div>
                    </div>

                    <div id="notice" class="section">
                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <h3 class="panel-title">注意事项（重复之前的）</h3>
                            </div>
                            <div class="panel-body ZY">
                                <h2>无论是团队账号还是个人账号，请注册后<span class="ZY">保存</span>，因为第一阶段要求是提交所有注册的账号信息，但是之后还需要各位同事登录个人账号进行操作</h2>
                            </div>
                        </div>
                    </div>


                    <div id="mission" class="section">
                        <h1>目前需要完成的任务</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">相关文件</h3>
                            </div>
                            <div class="panel-body">
                                <a href=""></a>
                                <a href="doc/file.pdf" class="btn btn-info btn-lg active" role="button">市创建办发【2017】<br />4号志愿者注册.pdf</a>
                            </div>
                        </div>


                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">市创建办原话</h3>
                            </div>
                            <div class="panel-body left fontsize">
                                <p>主要完成三项任务：任务1.文件中志愿者注册人数任务数。操作需要：（1）志愿者注册（2）志愿团体注册（3）志愿者吸收进入本单位团体。任务2.本单位志愿者100%参与活动，且人均年活动时长大于25小时。操作需要：（1）志愿团体发布活动项目（2）本部门志愿者登录加入活动项目。（3）对参与活动的志愿者进行时长确认。备注：志愿者注册成功后，可以登录志愿者，修改资料栏目中找到“注册前活动时长”，直接输入活动时长，此项可以把过去几年的都输入。例如每年需要25小时，三年75小时直接输入75小时.</p>
                            </div>
                        </div>

                    </div>


                    <div id="mission01" class="section">
                        <h1>更改注册时长为75小时（个人志愿者）</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">更改注册时长为75小时（个人志愿者）</h3>
                            </div>
                            <div class="panel-body">
                                <h2>个人登录成功后<br />
                                    左边:<br />
                                    修改资料→基本信息→注册前服务时长(更改为75)→保存修改
                                </h2>

                                <img src="image/m-01.png">
                            </div>
                        </div>
                    </div>


                    <h1 id="question" class="section">常见问题</h1>

                    <div id="question01" class="section">
                        <h1>身份证被注册</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">身份证被注册</h3>
                            </div>
                            <div class="panel-body">
                                <img src="image/q-01.jpg">
                            </div>
                        </div>
                    </div>


                    <div id="question02" class="section">
                        <h1>一直"申请中……"等情况</h1>
                        <div class="panel panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title">一直"申请中……"（看不懂的算了）</h3>
                            </div>
                            <div class="panel-body ZB">
                                <h2>造成原因：服务器压力太大，访问人数太多，导致http请求响应失败，产品经理（不应该程序猿背锅）没有对响应失败（status为非200系列的正确状态码）的结果进行界面上的输出</h2>
                                    <img src="image/cxy-01.png">
                                <h2>解决方法：（主要是拼人品）</h2>

                                <h2>该段主要针对前端程序猿，估计没人看得懂，看不懂的直接<a href="#ZCR" class="btn btn-info btn-lg active">点击你们看得懂的下文</a></h2>

                                <h2>注意啦，程序猿要开始装B了</h2>

                                <h2>方案1：通过复制HTML代码吧按钮代码复制进去(举例为修改时长75的页面)</h2>
                                <h2>需要技术：复制粘贴</h2>
                                <h2>下图为复制以前</h2>
                                <img src="image/cxy-02.png">
                                <h2>下图为复制以后</h2>
                                <img src="image/cxy-03.png">
                                <h2>优点：技术含量低。会复制粘贴即可</h2>
                                <h2>缺点：需要知道去哪里复制，粘贴在哪里。（技术含量还是低）<br />
                                    再次提交若还是响应失败还需再次复制提交，直到提交成功
                                </h2>

                                <div class="H100"></div>

                                <h2>方案2：通过调试助手（需在提交前打开，否则抓取不到http报文）失败后，报文右键点开后重发</h2>
                                <h2>需要技术：会点击鼠标（没技术含量）</h2>
                                <h2>下图为chrome内核的浏览器的调试助手（F12打开）的事例（不要问程序猿啥叫chrome内核的浏览器）</h2>
                                <img src="image/cxy-04.png">
                                <h2>下图为鼠标右键以后</h2>
                                <img src="image/cxy-05.png">
                                <h2>下图为点击重发以后，状态码为200则为成功（只是http报文返回成功，至于内容是否成功需要看返回报文）</h2>
                                <img src="image/cxy-06.png">
                                <h2>查看返回（response）报文</h2>
                                <img src="image/cxy-07.png">
                                <h2>优点：技术含量无。会点击鼠标即可，特别适合创建活动项目等字多的时候服务器抽风的情况</h2>
                                <h2>缺点：再次提交若还是响应失败还需再次复制提交，直到提交成功
                                </h2>

                                <div class="H100"></div>

                                <h2>方案3：通过压脚本，写脚本重复提交</h2>
                                <h2>需要技术：会写前端脚本（技术含量，稍低，会js和jquery即可，2个月前端经验的程序猿一般都会）</h2>
                                <h2>下图为chrome内核的浏览器的调试助手（F12打开）的事例（不要问程序猿啥叫chrome内核的浏览器）</h2>
                                <h2>代码为程序猿几秒钟写的事例（部分）</h2>
                                <img src="image/cxy-08.png">

                                <h2>优点：技术含量稍低，几个月前端程序猿工作经验即可，用到了jquey的ajax（jquery网站已引用，都不用注入脚本了）。脚本写得好，可以自动刷到成功为止</h2>
                                <h2>缺点：服务器一直抽风还是无法提交成功（星期天的经验被碰到过）</h2>

                                <div class="H100"></div>                                <h2 id="ZCR">正常人能做的</h2>
                                <h2>刷新页面重填信息提交</h2>

                                <h2>优点：无技术含量，会打字即可。</h2>
                                <h2>缺点：呵呵</h2>


                            </div>
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>




    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>